<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
    <title>404 页面未找到</title>
    <script src="assets/js/tailwindcss.js"></script>
</head>
<body
        class="grid min-h-full place-items-center bg-white px-6 py-24 sm:py-32 lg:px-8"
>
<div class="text-center">
    <p class="text-base font-semibold text-sky-500">404</p>
    <h1
            class="mt-4 text-3xl font-bold tracking-tight text-sky-900 sm:text-5xl"
    >{{ brief }}
    </h1>
    <div class="mt-10 flex items-center justify-center gap-x-6">
        <a
                class="rounded-md bg-green-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-green-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
                href="/"
        >返回主页</a
        >
        <a class="text-sm font-semibold text-sky-900" href="#"
        >联系支持 <span aria-hidden="true">&rarr;</span></a
        >
    </div>
</div>
</body>
</html>
